/**定义模板文件**/
// header模板
var header = `<menu class="menu_close" id="menu">
    <span></span>
    <span></span>
    <span></span>
</menu>

<nav hidden="hidden" id="nav" class="wow bounceInRight">
    <div class="nav">
        <div class="nav-logo">
            <img src="images/logo.gif" alt="logo">
            <h1>A&nbsp;Z&nbsp;J</h1>
        </div>
        <div class="nav-content">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">博客</a></li>
                <li><a href="#">留言</a></li>
            </ul>
        </div>
    </div>
</nav>`;

// 回到顶部模板
var fixBars = `<ul class="fix_bar">
    <li id="toTop" hidden="hidden" class="wow fadeInRight">
        <i class="fa fa-arrow-up"></i>
    </li>
    <li id="feedBack">
        <i class="fa fa-heart"></i>
    </li>
</ul>`;

$(function () {
    // 加载模板数据
    // 解析模板文件
    var headerRender = template.compile(header);
    var fixBarsRender = template.compile(fixBars);
    // 加载数据
    var headerHtml = headerRender();
    var fixBarsHtml = fixBarsRender();
    // 渲染页面
    $('#header').html(headerHtml);
    $('#fixBars').html(fixBarsHtml);
});